// http://ionicframework.com/docs/theming/


// App Global Sass
// --------------------------------------------------
// Put style rules here that you want to apply globally. These
// styles are for the entire app and not just one component.
// Additionally, this file can be also used as an entry point
// to import other Sass files to be included in the output CSS.
//
// Shared Sass variables, which can be used to adjust Ionic's
// default Sass variables, belong in "theme/variables.scss".
//
// To declare rules for a specific mode, create a child rule
// for the .md, .ios, or .wp mode classes. The mode class is
// automatically applied to the <body> element in the app.
@import '../assets/fonts/icons.scss';

.text-primary {
  color: color($colors, thirdary);
}

.title-user{
  color: #fff;
  font-size: 1.7rem;
  font-weight:600;
  position: absolute;
  margin-left:0.3rem;
  margin-top:0.5rem;
}
.right-button{
  font-size: 1.2rem;
  margin-right: .6rem;
}

.bhq-list{
  margin-bottom: 1.6rem;
  .item-block:last-child, .item-wrapper:last-child .item-block{
    border-bottom: none;
  }
  .item-block:first-child {
    border-top: none;
  }
}
.bhq-item{
  &-title{
    font-weight: 500;
  }
  &-content{
    display: flex;
    p{
      color: #000;
    }
  }
  &-info{
    width: 80%;
    padding-right: 2rem;
    p{
      white-space: normal;
    }
  }
  &-date{
    text-align: right;
  }
}

.bhq-title {
  font-size: 1.8rem !important;
}
.bhq-nowrap {
  white-space: nowrap !important;
}
.bhq-content {
  font-size: 1.5rem;
  color:#8e9093;
  white-space: pre-wrap;
}
.bhq-content-right {
  font-size: 1.7rem !important;
  color:#8e9093;
  text-align: right;
}
.bhq-bpm-button{
  border-top:0.55px solid #c8c7cc;
}